<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>详情界面</title>
    <script src="${s.base}/lib/jquery/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="${s.base}/lib/print/jquery.PrintArea.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="${s.base}/lib/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="${s.base}/css/base/index.css"/>
    <link rel="stylesheet" type="text/css" href="${s.base}/css/base/theme/theme.css"/>
    <style>
        .wxyy-table tr td{background:#fff!important; width:auto!important;}
        .wxyy-table caption{width:calc(100% - 2px);text-align: center;height: 50px;line-height: 50px; font-weight: 600;font-size:14px;border:1px solid #e0e0e0;}
        .layui-carousel{background:#fff;}
        .cy-uploadpic-ctn{height:164px!important;}
    </style>
</head>
<body>
<div class="wrap-container clearfix">
    <div class="column-content-detail">
        <div class="layui-carousel" id="test1">
            <div carousel-item>
                <div>
                    <form class="layui-form" action="">
                    <div class="zzzs-sqb-ctn" id="printContent">
                        <div class="zzzs-sqb-tab-tit">${enrollmentRelease.name}</div>
                        <table class="wxyy-item-table" cellspacing="0" cellpadding="0" width="100%">
                            <tr>
                                <td>姓名</td>
                                <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="name" id="name" value="${enrollmentStuinfo.name}" autocomplete="off" readonly></td>
                                <td>性别</td>
                                <td><div class="layui-input-inline">
                                    <input type="text" class="wxyy-tab-input" placeholder="请输入" name="sex" id="sex" autocomplete="off" readonly>
                                    <!--<select name="sex" id="sex" lay-verify="required" readonly></select>-->
                                </div></td>
                                <td>政治面貌</td>
                                <td><div class="layui-input-inline">
                                    <!--<select name="politicalStatus" id="politicalStatus" lay-verify="required" readonly></select>-->
                                    <input type="text" class="wxyy-tab-input" placeholder="请输入" name="politicalStatus" id="politicalStatus" autocomplete="off" readonly>
                                </div></td>
                                <!--<td rowspan="4" class="wxyy-mrtx"  id="pic" readonly></td>-->
                                <td rowspan="4"  class="layui-input-block cy-uploadpic-ctn wxyy-mrtx" id="pic" readonly style="width:119px!important;height:164px!important"></td>
                            </tr>
                            <tr>
                                <td>民族</td>
                                <td><div class="layui-input-inline">
                                    <!--<select name="nationality" id="nationality" lay-verify="required" readonly></select>-->
                                    <input type="text" class="wxyy-tab-input" placeholder="请输入" name="nationality" id="nationality" autocomplete="off" readonly>
                                </div></td>
                                <td>户口类型</td>
                                <td><div class="layui-input-inline">
                                    <!--<select name="accountType" id="accountType" lay-verify="required" readonly></select>-->
                                    <input type="text" class="wxyy-tab-input" placeholder="请输入" name="accountType" id="accountType" autocomplete="off" readonly>
                                </div></td>
                                <td>联系方式</td>
                                <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="phone" id="phone" value="${enrollmentStuinfo.phone}" readonly></td>
                            </tr>
                            <tr>
                                <td>毕业学校</td>
                                <td colspan="3"><input type="text" class="wxyy-tab-input" placeholder="请输入" name="school" id="school" value="${enrollmentStuinfo.school}" readonly></td>
                                <td>学校所在区（县）</td>
                                <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="schoolPlace" id="schoolPlace" value="${enrollmentStuinfo.schoolPlace}" readonly></td>
                            </tr>
                            <tr>
                                <td>户口所在地</td>
                                <td colspan="5"><input type="text" class="wxyy-tab-input" placeholder="请输入" name="accountPlace" id="accountPlace" value="${enrollmentStuinfo.accountPlace}" readonly></td>
                            </tr>
                            <tr>
                                <td>考生中考报名号<br><span style="font-size:12px;color:#999">（准考证号）</span></td>
                                <td colspan="6"><input type="text" class="wxyy-tab-input" placeholder="请输入" name="testNum" id="testNum" value="${enrollmentStuinfo.testNum}" readonly></td>
                            </tr>
                            <tr>
                                <td>家长</td>
                                <td colspan="6" class="pad0">
                                    <table class="wxyy-table" cellpadding="0" cellspacing="0" width="100%">
                                        <thead>
                                            <tr>
                                                <th>姓名</th>
                                                <th>称谓</th>
                                                <th>工作单位</th>
                                                <th>职务</th>
                                                <th>手机</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        <#if (homeinfoList?? && (homeinfoList?size>0))>
                                            <#list homeinfoList as hList>
                                                <tr>
                                                    <input type="hidden" value="${hList.id}">
                                                    <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="name" value="${hList.name}" readonly></td>
                                                    <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="title" value="${hList.title}" readonly></td>
                                                    <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="workPlace" value="${hList.workPlace}" readonly></td>
                                                    <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="position" value="${hList.position}" readonly></td>
                                                    <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="phone" value="${hList.phone}" readonly></td>
                                                </tr>
                                            </#list>
                                        </#if>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td>详细通讯地址及联系人</td>
                                <td colspan="4"><input type="text" class="wxyy-tab-input" placeholder="请输入" name="place" id="place"  value="${enrollmentStuinfo.place}" readonly></td>
                                <td>邮政编码</td>
                                <td><input type="text" class="wxyy-tab-input" placeholder="请输入"  name="postNum" id="postNum" value="${enrollmentStuinfo.postNum}" readonly></td>
                            </tr>
                            <tr>
                                <td>所在年级总人数</td>
                                <td colspan="4"><input type="text" class="wxyy-tab-input" placeholder="请输入"  name="classNum" id="classNum" value="${enrollmentStuinfo.classNum}" readonly></td>
                                <td>所在班级总人数</td>
                                <td ><input type="text" class="wxyy-tab-input" placeholder="请输入" name="gradeNum" id="gradeNum"  value="${enrollmentStuinfo.gradeNum}" readonly></td>
                            </tr>
                        </table>
                        <table cellspacing="0" cellpadding="0" width="100%" class="wxyy-table mart10">
                            <caption>初中阶段考试成绩</caption>
                            <thead>
                                <tr>
                                    <th>考试成绩</th>
                                    <th>语文</th>
                                    <th>数学</th>
                                    <th>英语</th>
                                    <th>物理</th>
                                    <th>化学</th>
                                    <th>政治</th>
                                    <th>历史</th>
                                    <th>总分</th>
                                    <th>班级名次</th>
                                    <th>年级名次</th>
                                </tr>
                            </thead>
                            <tbody>
                            <#if (testList?? && (testList?size>0))>
                                <#list testList as tList>
                                    <tr>
                                        <input type="hidden" value="${tList.id}">
                                        <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="name" value="${tList.name}" readonly></td>
                                        <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="chinese" value="${tList.chinese}" readonly></td>
                                        <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="math" value="${tList.math}" readonly></td>
                                        <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="english" value="${tList.english}" readonly></td>
                                        <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="physical" value="${tList.physical}" readonly></td>
                                        <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="chemistry" value="${tList.chemistry}" readonly></td>
                                        <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="politicial" value="${tList.politicial}" readonly></td>
                                        <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="history" value="${tList.history}" readonly ></td>
                                        <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="totalScore" value="${tList.totalScore}" readonly></td>
                                        <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="classRank" value="${tList.classRank}" readonly></td>
                                        <td><input type="text" class="wxyy-tab-input" placeholder="请输入" name="gradeRank" value="${tList.gradeRank}" readonly></td>
                                    </tr>
                                </#list>
                            </#if>
                                <tr>
                                    <td colspan="11" class="color999">注明：请注明初三最近两次考试成绩</td>
                                </tr>
                            </tbody>
                        </table>
                        <table class="wxyy-item-table mart10" cellpadding="0" cellspacing="0" width="100%">
                            <tr>
                                <td>初中各方面获奖情况</td>
                                <!--<td><textarea placeholder="请输入" class="wxyy-tab-textarea" name="reward" id="reward" value="${enrollmentStuinfo.reward}" readonly>${enrollmentStuinfo.reward}</textarea></td>-->
                                <td style="text-align:left;">${enrollmentStuinfo.reward}</td>
                            </tr>
                        </table>
                        <div class="wxyy-tab-list-tit">审核</div>
                        <table class="wxyy-item-table" cellpadding="0" cellspacing="0" width="100%">
                            <tr>
                                <td>审核结果</td>
                                <td style="text-align:left;padding-left:15px;">
                                    <#if enrollmentStuinfo.reviewState?? && enrollmentStuinfo.reviewState=='2'>
                                        <input type="text" class="wxyy-tab-input" name="reviewState" value="同意" readonly>
                                    </#if>
                                    <#if enrollmentStuinfo.reviewState?? && enrollmentStuinfo.reviewState=='3'>
                                        <input type="text" class="wxyy-tab-input" name="reviewState" value="驳回" readonly>
                                    </#if>
                                </td>
                            </tr>
                            <tr>
                                <td>审核意见</td>
                                <td>
                                    <#if enrollmentStuinfo.reviewCmmt??>
                                        <textarea placeholder="请输入审核意见" class="wxyy-tab-textarea"  name="reviewCmmt" value="${enrollmentStuinfo.reviewCmmt}" readonly>${enrollmentStuinfo.reviewCmmt}</textarea>
                                        <#else>
                                            <textarea placeholder="请输入审核意见" class="wxyy-tab-textarea"  name="reviewCmmt" value="${enrollmentStuinfo.reviewCmmt}" readonly>无</textarea>
                                    </#if>
                                    </textarea>
                                </td>
                            </tr>
                        </table>
                        <div class="layui-input-block" style="margin-left: 0px !important;text-align: center;margin-top: 30px; margin-bottom: 50px;">
                            <button class="layui-btn layui-btn-normal" id="printBtn">打印</button>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${s.base}/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/js/common.js" type="text/javascript" charset="utf-8"></script>
<script>
    layui.use(['jquery', 'form', 'baseutil','carousel','page', 'dialog', 'laydate', 'fileUtil', 'baseutil'], function () {
        var $ = layui.jquery,
            form = layui.form,
            baseutil = layui.baseutil,
            carousel = layui.carousel,
            page = layui.page,
            dialog = layui.dialog,
            laydate = layui.laydate,
            fileUtil = layui.fileUtil;
        //初始化附件控件
        fileUtil.uploadImage('pic', "work/site/mult", '${enrollmentStuinfo.pic}');
        carousel.render({
            elem: '#test1'
            ,width: '100%' //设置容器宽度
            ,arrow: 'always' //始终显示箭头
            ,autoplay:false
            ,height:'1100px'
            //,indicator:'none'
            //,anim: 'updown' //切换动画方式
        });

        page.initDict('sexType,politicalStatus,nationality,accountType', function (dictData) {
            $("#sex").val(page.aceeptDictContentName(dictData, "sexType", '${enrollmentStuinfo.sex}'));
            $("#politicalStatus").val(page.aceeptDictContentName(dictData, "politicalStatus", '${enrollmentStuinfo.politicalStatus}'));
            $("#nationality").val(page.aceeptDictContentName(dictData, "nationality", '${enrollmentStuinfo.nationality}'));
            $("#accountType").val(page.aceeptDictContentName(dictData, "accountType", '${enrollmentStuinfo.accountType}'));
        });

        //监听轮播切换事件
        carousel.on('change(test1)', function(obj){ //test1来源于对应HTML容器的 lay-filter="test1" 属性值
            console.log(obj.index); //当前条目的索引
            console.log(obj.prevIndex); //上一个条目的索引
            console.log(obj.item); //当前条目的元素对象
        });
        //打印
        $("#printBtn").click(function () {
            $("#printContent").printArea();
            return false;
        });
    });
</script>
</body>
</html>